.ahome {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #f3c4e8 20%, rgb(217, 203, 238), #a0adf1, rgb(240, 216, 242));

  .top {
    width: 100%;
    height: 25%;
    // background-color: pink;

    .topUl {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-evenly;
      align-items: end;

      .topLi {
        width: 20%;
        height: 70%;
        background: #fff;
        border-radius: 5px;
        box-shadow: 2px 3px 5px #00000022;
        position: relative;

        .iconfont {
          position: absolute;
          top: 10px;
          left: 10px;
          // background-color: red;
          font-size: 100px;
          font-weight: bold;
          transition: all 0.3s ease-in-out;
        }

        .numS {
          position: absolute;
          top: 50%;
          left: 50%;
          font-size: 50px;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out;
        }

        .numZ {
          position: absolute;
          top: 80%;
          left: 10px;
          transition: all 0.3s ease;
        }
        &:hover  {
          color: #ff0084;
          cursor: pointer;
        }
        &:hover .iconfont {
          transform: translateY(-50%);
        }

        &:hover .numS {
          transform: translate(-50%, -50%);
        }

        &:hover .numZ {
          top: 55%;
          transform: translateY(-55%);
          font-size: 20px;
        }
      }
    }
  }

  .center {
    padding: 50px 10px 20px 0;
    width: 100%;
    height: 75%;
    display: flex;
    // background-color: red;
  }
}